<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>OpenHarmony架构信息</title>

		<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
		<!-- For data table -->
		<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">

		<!-- For bootstrap -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

		<!-- For OHOS css -->
		<link rel="stylesheet" type="text/css" href="css/ohos.archinfo.css">

 		<script type="text/javascript" src="js/jquery-3.5.1.js"></script>
 		<script type="text/javascript" src="js/purl.js"></script>

 		<!-- For bootstrap -->
 		<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>

 		<!-- For data table -->
		<script type="text/javascript" charset="utf8" src="js/jquery.dataTables.min.js"></script>

		<!-- For ohos.archinfo -->
		<script type="text/javascript" src="js/ohos.archinfo.js"></script>

		<script type="text/javascript" charset="utf-8">
			$(document).ready(function () {
				loadProcesses();
			});
		</script>
	</head>
	<body>
		<nav class="navbar fixed-top bg-light">
			<div class="container">
				<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
					<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
						<svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
						<span class="fs-4">OpenHarmony实时架构信息</span>
					</a>

					<ul id="pages_menu" class="nav nav-pills">
					</ul>

					<div id="products_menu" class="dropdown">
					</div>
				</div>
			</div>
		</nav>
		<div class="fix-sub-top">&nbsp;</div>
		<header class="py-1 mb-2 border-bottom">
			<ul id="subpages_menu" class="nav nav-pills fix-sub-location">
			</ul>
		</header>

		<div class="btn-group me-2 float-end">
			<button type="button" id="all_modules" class="btn btn-sm btn-outline-secondary">进程列表</button>
			<button type="button" id="all_module_details" class="btn btn-sm btn-outline-secondary">进程内存详情</button>
		</div>

		<div id="modules_div">
			<table cellpadding="0" cellspacing="0" border="0" class="display" id="modules">
			<thead>
				<tr>
					<th style="text-align: center;" class="table_header_component">PID</th>
					<th style="text-align: center;" class="table_header_component">PPID</th>
					<th style="text-align: center;" class="table_header_component">Name</th>
					<th style="text-align: center;" class="show_in_line table_header_component">进程类型</th>
					<th style="text-align: center;" class="show_in_line table_header_component">线程数</th>
					<th style="text-align: center;" class="show_in_line table_header_component">模块数</th>
					<th style="text-align: center;" class="table_header_component">VMA</th>
					<th style="text-align: center;" class="table_header_component">Size</th>
					<th style="text-align: center;" class="table_header_component">Rss</th>
					<th style="text-align: center;" class="table_header_component">Pss</th>
					<th style="text-align: center;" class="table_header_component">Swap</th>
					<th style="text-align: center;" class="table_header_component">SwapPss</th>
					<th style="text-align: center;" class="table_header_component">Shared_Clean</th>
					<th style="text-align: center;" class="table_header_component">Shared_Dirty</th>
					<th style="text-align: center;" class="table_header_component">Private_Clean</th>
					<th style="text-align: center;" class="table_header_component">Private_Dirty</th>
					<th style="text-align: center;" class="table_header_component">Referenced</th>
					<th style="text-align: center;" class="table_header_component">Anonymous</th>
					<th style="text-align: center;" class="table_header_component">LazyFree</th>
					<th style="text-align: center;" class="table_header_component">KernelPageSize</th>
					<th style="text-align: center;" class="table_header_component">MMUPageSize</th>
					<th style="text-align: center;" class="table_header_component">AnonHugePages</th>
					<th style="text-align: center;" class="table_header_component">ShmemPmdMapped</th>
					<th style="text-align: center;" class="table_header_component">Shared_Hugetlb</th>
					<th style="text-align: center;" class="table_header_component">Private_Hugetlb</th>
					<th style="text-align: center;" class="table_header_component">Locked</th>
					<th style="text-align: center;" class="table_header_component">THPeligible</th>
					<th style="text-align: center;" class="table_header_component">FilePmdMapped</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
			</table>
		</div>

		<!-- Modal HTML embedded directly into document -->
		<div id="objects_dialog" class="modal">
		</div>

		<div id="threads_dialog" class="modal">
		</div>

		<!-- Modal HTML embedded directly into document -->
		<div id="vmas_dialog" class="modal">
		</div>
	</body>
</html>
